<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="stylesheet" type="text/css" href="css/basic.min.css">
<link rel="stylesheet" type="text/css" href="css/qingfeng.css">

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/zoomset.js"></script>
<script type="text/javascript" src="js/basic.js"></script>


<script>
    $(function(){

	$(".action-account-check").blur(function(){
		var tempN = vailPhone();
	    if(tempN){
			$(".action-need-verify").show();
		}else{
			$(".action-need-verify").hide();
		}
	})


  function vailPhone(){
      var phone = $(".action-account-check").val();
      var flag = false;
      var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;
      if(phone.length !=11){
        flag = false;
      }else if(myreg.test(phone)){
        flag = true;
      }
      return flag;
    }


	var count = 20;
	$(".action-get-verifycode").click(function(){
		 var timeout;
		 var $this =$(this);
		 $this.addClass('disabled');
		 var textCont = $(this).children("span").children("span").children("i");
		 timeout = setTimeout(BtnCount, 1000);

	})

	 BtnCount = function() {
		       var $this = $(".action-get-verifycode");
               var textCont = $this.children("span").children("span").children("i");
               if (count == 0) {
					count=20;
					$this.removeClass('disabled');
					textCont.html("");
					clearTimeout(timeout);
				}else {
					count--;
					textCont.html(count);
					setTimeout(BtnCount, 1000);
				}
        };
    });
</script>
</head>

<body>

<% include partial/header %>

<!--content start--->
<div id="content">
    <div class="wrap clearfix">
        <div class="Navigation">
            <span class="pos-front">您当前的位置：</span>
            <span class="now">用户注册</span>
		</div>

         <div class="signup-article">
              <div id="page_signup" class="signupin-content signup">
                <div class="sign-title">
                  <h2>用户注册</h2>
                </div>
                <form>
                  <ul>
                    <li class="form-item">
                      <label for="" class="form-label"><em class="warn">*</em>登录帐号：</label><span class="form-act"><input class="x-input action-account-check" type="text" placeholder="邮箱/手机号，最少4个字符" vtype="required" data-caution="请填写登录帐号，最少4个字符" data-role="name"><span class="validation-messagebox"></span></span>
                    </li>
                    <li class="form-item action-verifycode">
                      <label for="" class="form-label"><em class="warn">*</em>图形验证码：</label>
                      <span class="form-act">
                        <input class="x-input verify-input" type="text" id="signupverifycode" name="signupverifycode" placeholder="填写验证码" data-caution="请正确填写验证码" maxlength="4"> <img src="img/yzm.png" alt="验证码" title="点击更换验证码" class="verify-code auto-change-verify-handle"> <a href="#" class="verify-code auto-change-verify-handle lnklike">看不清楚?换一个</a></span>
                    </li>
                    <li class="form-item">
                    <label for="" class="form-label"><em class="warn">*</em>密码：</label><span class="form-act"><input class="x-input auto-password-check-handle" type="password" name="pam_account[login_password]" maxlength="20" placeholder="6-20个字符" data-caution="请填写密码，6-20个字符&amp;&amp;输入不正确，最少6个字符&amp;&amp;输入不正确，最多20个字符" id="dom_el_64073e1" data-role="password">
                    <span class="password-check" style="visibility: visible;"><q>密码强度：</q><em class="poor">差</em><em class="weak">弱</em><em class="good">中</em><em class="strong">强</em><span class="progress"><span class="percent"></span></span></span></span>
                    </li>
                    <li class="form-item">
                    <label for="" class="form-label"><em class="warn">*</em>确认密码：</label><span class="form-act"><input class="x-input " type="password" maxlength="20" placeholder="再次填写密码" data-caution="密码与确认密码不相符，请重新填写" data-role="repassword"><span class="validation-messagebox"></span></span>
                    </li>
                    <li class="form-item action-need-verify" style="display:none;">
                          <label for="" class="form-label"><em class="warn">*</em>短信验证码：</label>
                          <span class="form-act">
                            <input class="x-input verify-input" type="text" name="vcode" id="dom_el_64073e3"> <a href="javascript:void(0);" class="btn btn-caution action-get-verifycode"><span><span>获取短信验证码 <i></i></span></span></a>
                          </span>
                    </li>

                    <li class="form-item">
                      <label for="" class="form-label"></label>
                      <span class="form-act">
                        <input type="checkbox" name="license" id="license" class="x-check" vtype="onerequired" data-caution="请选择同意" checked="checked">
                        <label for="" class="form-sub-label"> 我已阅读并同意 <a href="#" class="lnklike" target="_blank">会员注册协议</a> 和 <a href="#" class="lnklike" target="_blank">隐私保护政策</a></label>
                        <span class="validation-messagebox"></span>
                      </span>
                    </li>
                    <li class="form-item-normal">
                      <label for="" class="form-label"></label>
                      <span class="form-act">
                        <div class="btn btn-major btn-big" data-role="register" style="cursor:pointer;"><span><span>注　册</span></span></div>      </span>
                    </li>
                  </ul>
            </form>
              </div>
            </div>


            <div class="signup-aside">
              <span class="descrip">已经有会员帐号请直接登录</span><a href="./passport-login.html" class="btn btn-import btn-huge"><span><span>转到登录页</span></span></a>
            </div>

    </div>
</div>
<!--content end-->

<% include partial/footer %>
<script type="text/javascript" src="./js/overlay.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/register.js"></script>
</body>
</html>
